@charset "utf-8";

*{ margin:0; padding:0;}
body { margin: 0; padding: 0; font-family:'Microsoft YaHei',Arial, Helvetica, sans-serif; font-size:12px; color:#5e5e5e; position:relative}
img,h1,h2,h3,h4,h5,h6,p,div,ul,li,a,dl,dt,dd,table,tr,td,ol { margin:0; padding:0; border:0; list-style:none; text-decoration:none;}
a{ text-decoration:none; color:#5e5e5e;}
a:hover{ text-decoration:none;}
html { font-size:62.5%}
*,
*:before,
*:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}

.clear { margin:0; padding:0; width:0; height:0; clear:both}

input,select,textarea { font-family:'Microsoft YaHei',Arial, Helvetica, sans-serif; -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0}

.menu { width:100%; height:45px; margin:0 auto;}
.menu ul {width:100%; height:60px; position:fixed; left:0; top:0; background:#fff; z-index:999997}
.menu ul .logo { float:left; width:85%; height:45px;}
.menu ul li img { float:left; width:100%;}
.menu ul .menu_button { float:right; width:15%; height:45px;}

@media screen and (max-width: 375px) {
.menu ul .logo { float:left; width:286px; height:45px; overflow:hidden}
.menu ul .tel{float:left; width:100px; height:45px; padding:15px 0 0 5px; font-size:16px; color:#c00; font-weight:bold;}
.menu ul .menu_button { float:right; width:51px; height:45px;}
}
@media screen and (max-width: 414px) {
.menu ul .logo { float:left; width:210px; height:60px; overflow:hidden}
.menu ul .menu_button { float:right; width:51px; height:45px;}
}
@media screen and (max-width: 320px) {
.menu ul .logo { float:left; width:254px; height:40px; overflow:hidden}
.menu ul li img { float:left; width:100%; margin-top:2px}
.menu ul .menu_button { float:right; width:46px; height:40px;}
}

.foot { width:100%; height:45px; margin:0 auto;}
.foot ul { width:100%; height:45px; background:#f5f5f5; position:fixed; left:0; bottom:0; z-index:999997; padding:0 5%}
.foot ul li { float:left; width:25%; height:45px; padding-top:3px; text-align:center; font-size:14px; line-height:16px;}
.foot ul li:nth-child(2) { color:#ee7700}


.right_menu { width:56%; height:100%; background:#c00; position:fixed; right:-56%; top:0; z-index:9999999}
.right_menu ul { float:left; width:94%; margin:11% 0 0 6%;}
.right_menu ul li { float:left; width:100%; border-bottom:1px solid #f7bb80; background:url(../images/ico_r0.png) 93% center no-repeat; background-size:5%}
.right_menu ul li a { width:100%; height:42px; line-height:42px; padding:0 0 0 20%; display:block; font-size:16px; color:#fff;}
.menu_masking { position:fixed; width:100%; height:100%; right:0; top:0; background:none; z-index:999998; display:none}
.right_menu ul .wz_title { font-size:20px; color:#fff; border-bottom:none; padding-bottom:8px; background:none}
.nav_0 { background:url(../images/ico_r1.png) left 13px no-repeat; background-size:12%}
.nav_1 { background:url(../images/ico_r2.png) left 12px no-repeat; background-size:11%}
.nav_2 { background:url(../images/ico_r3.png) left 12px no-repeat; background-size:10%}
.nav_3 { background:url(../images/ico_r4.png) left 12px no-repeat; background-size:10%}
.nav_4 { background:url(../images/ico_r5.png) left 12px no-repeat; background-size:10%}
.nav_5 { background:url(../images/ico_r6.png) left 12px no-repeat; background-size:11%}



.subnav { width:100%; height:45px; border-bottom:1px solid #e8e8e8; margin:0 auto; padding:0 3%; background:#f5f5f5; overflow:hidden; position:relative; z-index:1000}
.subnav .scroll_menu { width:100%; float:left; height:53px; background:; overflow:auto}
.subnav .scroll_menu ul { float:left; min-width:100%; white-space:nowrap; position:relative}
.subnav .scroll_menu ul li { margin-right:15px; display:inline-block; display:inline}
.subnav .scroll_menu ul li a { font-size:16px; color:#000; height:44px; line-height:45px; display:block; display:inline-block}
.subnav .scroll_menu ul .active a { background:url(../images/lm_bg.png) center bottom no-repeat;}

.main_box { width:100%; margin:0 auto; background:#f5f5f5}